<header id="header-main">
    <h1><i class="fa fa-wrench" aria-hidden="true"></i>{/serviceDetailCtrl.service.Spec.Name/} </h1>
    <div class="sub-info-main">
        <dl class="info-list">
            <dt>{/'Task Number' | translate/}</dt>
            <dd>{/serviceDetailCtrl.service.Spec.Mode.Replicated.Replicas/}</dd>
            <dt>{/'Created At' | translate/}</dt>
            <dd>{/serviceDetailCtrl.service.CreatedAt | date: 'yyyy-MM-dd HH:mm:ss'/}</dd>
            <dt>{/'Updated At' | translate/}</dt>
            <dd>{/serviceDetailCtrl.service.UpdatedAt | date: 'yyyy-MM-dd HH:mm:ss'/}</dd>
        </dl>
    </div>
</header>

<md-tabs md-dynamic-height md-border-bottom>
    <md-tab label="{/'Tasks' | translate/}" dm-tab-sref="stack.serviceDetail.task"></md-tab>
    <md-tab label="{/'Stats' | translate/}" dm-tab-sref="stack.serviceDetail.stats"></md-tab>
    <md-tab label="{/'Log' | translate/}" dm-tab-sref="stack.serviceDetail.log"></md-tab>
    <md-tab label="{/'Detail' | translate/}" dm-tab-sref="stack.serviceDetail.config"></md-tab>
    <md-tab label="{/'Discovery' | translate/}" dm-tab-sref="stack.serviceDetail.discovery"></md-tab>
    <md-tab label="{/'CD' | translate/}" dm-tab-sref="stack.serviceDetail.cd"></md-tab>
</md-tabs>
<md-content ui-view></md-content>
